/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, DOMAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends DOMAttributes<SVGElement> {
  size?: number;
  color?: string | string[];
  style?: CSSProperties;
  className?: string;
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

export const IconNan: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'px'} height={size + 'px'} style={style} {...rest}>
      <path
        d="M786.58548 607.525371c0-204.640125-166.270101-370.910226-370.910226-370.910227C211.035129 236.615144 44.765027 402.885246 44.765027 607.525371c0 204.640125 166.270101 370.910226 370.910227 370.910226S786.58548 812.165496 786.58548 607.525371z"
        fill={getIconColor(color, 0, '#FFFFFF')}
      />
      <path
        d="M207.837627 629.907884h9.592506c3.197502 0 6.395004 0 9.592506 3.197502 3.197502 0 6.395004 3.197502 6.395003 3.197502 3.197502 3.197502 6.395004 3.197502 6.395004 6.395004l6.395004 6.395004c3.197502 3.197502 3.197502 6.395004 3.197502 6.395004 0 3.197502 3.197502 6.395004 3.197502 9.592506v19.185012c0 6.395004-3.197502 12.790008-6.395004 15.987509 0 3.197502-3.197502 3.197502-6.395004 6.395004l-6.395004 6.395004c-3.197502 3.197502-6.395004 3.197502-6.395003 3.197502-3.197502 0-6.395004 3.197502-9.592506 3.197502h-19.185012c-3.197502 0-6.395004 0-9.592506-3.197502-3.197502 0-6.395004-3.197502-6.395004-3.197502-3.197502-3.197502-6.395004-3.197502-6.395004-6.395004l-6.395004-6.395004c-3.197502-3.197502-3.197502-6.395004-3.197502-6.395004 0-3.197502-3.197502-6.395004-3.197501-9.592505v-9.592506-9.592506c0-3.197502 0-6.395004 3.197501-9.592506 0-3.197502 3.197502-6.395004 3.197502-6.395004 3.197502-3.197502 3.197502-6.395004 6.395004-6.395004l6.395004-6.395004c3.197502-3.197502 6.395004-3.197502 6.395004-3.197502 3.197502 0 6.395004-3.197502 9.592506-3.197502h9.592506z m361.31772 86.332553c12.790008 0 22.382514 6.395004 31.97502 12.790008 19.185012 19.185012 19.185012 47.962529 0 63.950039-92.727557 92.727557-239.812646 102.320062-345.330211 25.580016-19.185012-15.98751-25.580016-44.765027-9.592506-63.950039s44.765027-25.580016 63.950039-9.592506c67.147541 51.160031 163.0726 44.765027 223.825137-15.98751 12.790008-9.592506 22.382514-12.790008 35.172521-12.790008z"
        fill={getIconColor(color, 1, '#3750DD')}
      />
      <path
        d="M121.505074 901.69555c163.0726 163.0726 425.26776 163.0726 588.340359 0 150.282592-150.282592 159.875098-390.095238 31.97502-553.167837l191.850117-191.850117v60.752537c0 25.580016 19.185012 44.765027 44.765027 44.765027S1023.200625 243.010148 1023.200625 217.430133V44.765027c0-25.580016-19.185012-44.765027-44.765028-44.765027h-172.665105c-25.580016 0-44.765027 19.185012-44.765028 44.765027s19.185012 44.765027 44.765028 44.765028h60.752537l-191.850117 191.850117C601.130367 223.825137 511.600312 191.850117 415.675254 191.850117 303.762685 191.850117 201.442623 236.615144 121.505074 313.355191 44.765027 393.29274 0 495.612802 0 607.525371s44.765027 214.232631 121.505074 294.170179z m63.950039-524.39032c60.752537-60.752537 143.887588-95.925059 230.220141-95.925058s166.270101 35.172521 230.22014 95.925058c124.702576 124.702576 124.702576 332.540203 0 457.242779-63.950039 63.950039-147.08509 95.925059-230.22014 95.925059s-166.270101-31.97502-230.220141-95.925059c-60.752537-60.752537-95.925059-143.887588-95.925058-230.22014s35.172521-163.0726 95.925058-227.022639z"
        fill={getIconColor(color, 2, '#748AE8')}
      />
    </svg>
  );
};

IconNan.defaultProps = {
  size: 16,
};

export default IconNan;
